<script setup lang="ts"></script>
<template>
  <div class="sports-news">
    <div class="news-card">
      <h3 style="color: #27ae60">季后赛火热进行中</h3>
      <p>
        分区决赛即将打响，多支球队争夺总决赛席位，分区决赛即将打响，多支球队争夺总决赛席位。
      </p>
      <span>2024-05-08</span>
    </div>
    <div class="news-card">
      <h3 style="color: #27ae60">冠军联赛半决赛回顾</h3>
      <p>
        精彩对决后，两支球队晋级决赛，将争夺冠军。精彩对决后，两支球队晋级决赛，将争夺冠军
      </p>
      <span>2024-05-06</span>
    </div>
  </div>
</template>

<style scoped>
.sports-news {
  margin: 1rem 0;
}
.news-card {
  border-bottom: 1px solid #eee;
  padding: 0.5rem 0;
}
.news-card p {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.news-card span {
  font-size: 0.8rem;
  color: #999;
}
</style>
